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1. INTRODUÇÃO 
Ao longo dos anos, os trabalhos das instituições sempre acumulam 


muitos materiais que foram usados e criados, e em muitos casos, em 
plataformas digitais como documentos em infinitos formatos, e entre 
outras produções, que são armazenadas muito das vezes em pastas nos 
aparelhos pessoais dos produtores desse conteúdo. Mas afinal? Qual será 
seu destino após alguns anos de existência desses arquivos? Com certeza 
o seu futuro será o descarte, por conta de muitas das vezes o espaço com 
o tempo ser insuficiente, pela quantidade de informações importadas 
junto com outras de anos antecessores a estas. 

Esse problema não só pode ser um prejuízo para o produtor desse 
conteúdo, como também para os interessados por esse suposto conteúdo, 
já que por se tratar de trabalhos, categoricamente acadêmicos, são 
extremamente benéficos para os navegadores e muito mais verossímeis 
de serem lidos e consumidos, dando assim um retorno satisfatório para 
possíveis projetos futuros inspirados por esses mesmos trabalhos, e além 
disso despertar o interesse do Governo do Estado ou até mesmo da 
UNICAP (pois a escola Liceu de Artes e Ofícios é conveniada por ela) de 
investir nas nossas ideias e projetos realizados aqui na escola. 

Além disso, se uma instituição não tem uma plataforma central que 
represente a sua imagem diante de inúmeras pesquisas pelos usuários, 
como seus trabalhos irão ter devida atenção? Assim como uma pesquisa é 
analisada e também comprovada, ela tem que ser alçada à público. Sendo 
assim a criação de portais e também centros de algum órgão ou 
instituição são criadas, visando atrair usuários e navegadores dá web para 
Os nossos projetos feitos pelos alunos, valorizando os nossos trabalhos. 

Por entre linhas, o nosso projeto consiste na criação de um portal que 
atenderá o requisito de armazenar pesquisas e dados de nossa escola, 
assim facilitando seu fácil acesso e também a disponibilidade desse 
conteúdo, sem se preocupar com a ocupação de espaço em aparelhos e 
computadores. 


2. OBJETIVO DO PROJETO 
A principal finalidade de nosso projeto é solucionar o problema de 


armazenamento em larga escala de trabalhos diversos que a escola 
juntamente com os professores e coordenadores que proporcionam aos 
estudantes, e também visando o compartilhamento desses trabalhos para 
os navegantes da internet de forma livre para baixar, imprimir e assistir. 
Valorizando o empenho dos estudantes e da instituição pelo fornecimento 
de conteúdos acadêmicos variados. 


3. REPOSITÓRIO INSTITUCIONAL 
Um Repositório institucional (RI) consiste no armazenamento em larga 


escala de informações como documentos, vídeos e entre outras 
produções, hospedados pela web, além de tornar as informações muito 
mais portáteis no quesito de haver liberdade pela ausência de restrição de 
espaço, ele é acessado de forma livre, evitando as barreiras que antes 
existiam pelos trabalhos que muitas das vezes estariam atreladas as 
contas do drive do usuário ou pelos aparelhos. Contudo apesar da internet 
ter facilitado esse amplo acesso, ainda não se solucionou a questão do 
armazenamento por completo, por conta justamente do custo por manter 
esse material hospedado por algum órgão, o que conforme o tempo 
geraria custos exorbitantes em cima disso. Entretanto, com o avanço 
tecnológico se tornou propício, o surgimento de novas opções de 
armazenamento que poderiam evitar esses custos desnecessários, e que 
abarcariam todos esses dados, como as bibliotecas digitais. (Costa e Leite, 
2017) 

Fora isso a organização desses documentos se torna benéfico, pois 
todo o nicho será de trabalhos e projetos sendo postados pelos 
repositórios. De acordo com Clifford A. Lynch Diretor da Coalition for 
Networked Information (CNI) “Separadamente, o desenvolvimento de uma 
série de obras digitais extraordinárias pelo menos sugeriu o potencial da 
autoria criativa especificamente para o meio digital para transformar a 


apresentação e transmissão de erudição.”. Ou seja, além de podermos ser 


criativos na apresentação de nossos trabalhos, esses mesmos podem ser 
contemplados por outras pessoas que o consumirem. Assim valorizando os 
trabalhos produzidos no geral e também dando a devida credibilidade no 
meios digitais que a sociedade se utiliza. 

Contudo, ainda existia uma dificuldade de serem utilizadas desde os 
anos de 2001, pois apesar de haver amplas opções de divulgação dessas 
pesquisas científicas, elas eram alvos de taxação por parte do produtor da 
obra científica, tornando custoso para mantê-lo. Nesse panorama que 


surge o movimento de Open acess. 


4. IMPORTÂNCIA DOS PORTAIS 
A centralização das informações que facilitam a procura por 


determinado conteúdo, é um dos principais objetivos dos portais, contudo 
além desse papel, ele ajuda também na difusão de conhecimento e da 
importância da instituição no meio social fixado, gerando mais visibilidade 
a respeito da escola e curiosidade por parte dos navegantes, além de 
melhorar a comunicação da instituição com os estudantes e vice-versa, 
propiciando o constante uso dele para divulgação de informações durante 


o ano letivo. 


5. METODOLOGIA 
Para podermos dar prosseguimento a sua execução, fizemos antes uma 


pesquisa de campo, pois nem todas as dificuldades nós sabemos a 
respeito das dificuldades que os nossos professores passam para 
armazená-los, então houve uma pequena conversação com o nosso 
professor orientador e os principais pontos que foram mais citados a 
respeito do problema foi a questão do espaço disponível após os 
documentos estarem armazenados a longo prazo pela conta nuvem ou 
especificamente nas contas do Google Drive, dá organização por muitos 
terem dificuldades de organizá-los por conta da quantidade e 


inexperiência pelo uso dessa ferramenta (o que é mais um fator que irá 
ser trabalhado aqui no nosso projeto). Por essas informações, decidimos 
fazer uma pesquisa de campo pelo google forms onde os alunos (já que a 
maioria dos trabalhos feitos são armazenados pelos próprios estudantes) 
poderiam responder a respeito dessas dificuldades de forma quantitativa 
para validarmos nosso objetivo desse projeto. 

As principais perguntas e resultados foram: 


1- Os trabalhos já feitos 2- Para Vocês é 


por vocês, ou através de , 
importante guardar os 


meios digitais, ou por poa 
trabalhos já feitos? 


materiais físicos. São 
guardados? E de que 12 respostas 
maneira? 


12 respostas 


O sim 
O Não 


O Sim, por fotos 
arquivados pelo 
celular. 

O Mais ou menos, 
por falta de 
espaço excluo 
alguns trabalho... 

O Não, costumo 
excluir por falta 
de espaço em... 

O sim, por 
arquivos word, 
em pastas pes... 


3- Vocês costumam 
compartilhar os trabalhos 
já feitos da escola? (pode 
ser por qualquer forma de 
compartilhamento) 


12 respostas 


€ sim 
O Não 


Essas perguntas tem como objetivo principal saber a respeito do 
destino desses trabalhos já feitos e também da devida importância dada 
por armazenar esses arquivos. E como conclusão vemos que a maioria se 
importar de guardar esses documentos. Porém a maioria não consegue 
organizar, por conta justamente do espaço limitado que há tanto pelas 
contas na nuvem que são armazenados. Sabendo se disso o nosso 
objetivo principal é a criação desse repositório para que facilite a 
organização dessas obras e pesquisas, para além disso, tornar o destino 
delas e também o consumo mais consciente e benéfico para aos 
navegantes de websites. Entretanto para que um repositório tenha os 
atributos que queremos como a centralização de informações, a criação 
de um portal institucional é importante para tornar as obras produzidas 
pelos estudantes do Liceu seja autoral pela instituição e que só ela seja a 
administradora deles. 


6. EXPLICAÇÕES DA EXECUÇÃO DE NOSSO PROJETO 
Antes de irmos as explicações de como foi feito e também forma 


simples de arquitetar um repositório, primeiro precisamos saber a respeito 
do conceito de cada uma dessas ferramentas utilizadas para a construção 
do portal. 


|. LINGUAGEM DE MARCAÇÃO HTML 


HTML (HyperText Markup Language) é uma linguagem de marcação, 
porém não considerada de programação, usada para estruturar e definir o 
conteúdo visual de páginas da web. Ele utiliza um sistema de tags para 
marcar elementos como texto, imagens e links, definindo seu tamanho, 
cor, fonte, etc. Algumas tags precisam de fechamento (ex: <u></u> para 
sublinhar texto), enquanto outras, como <meta>, não. Comentários 
podem ser inseridos no código usando <!--comentário-->, mas não 
aparecem na página. 

A estrutura básica para construção do HTML inclui: 

<!DOCTYPE html>: indica o tipo de documento; 


<html>: Envolve todo o conteúdo. 

<head>: Contém informações de cabeçalho (ex: título). 

<body>: Contém o conteúdo visível da página. 

Para fazer com que consiga funcionar a estrutura feita, precisa de 
editores de código html como: Notepad++ gratuito, leve e acoplado por 
plugins; Atom: editor de código aberto com visualização em tempo real; 
Visual Studio Code (VSCODE): Popular e expansível por extensões. 


Il. LINGUAGEM CSS 


A sigla CSS (Cascading Style Sheets), que em português significa Folha 
de estilo em cascata e é chamado assim por conta da sua função de 
estilizar elementos escritos em uma linguagem de marcação como HTML. 
Ou seja, ele é a ferramenta própria para a construção da decoração que 
consistirá no site, sendo possível a criação de layouts, alterações de cores 
de fundo e texto, fonte e espaçamento entre parágrafos. 


O HTML juntamente com o CSS são um complemento um do outro que 
servem para estilizar e moldar o site sendo criado. Tanto é que a 
linguagem CSS foi projetada para essa finalidade em 1996, já que antes, 
os desenvolvedores tiveram muitos problemas com algumas tags do html 


como o <font> na versão 3.2 da linguagem de marcação. 


HI.LINGUAGEM JAVASCRIPT 


O JavaScript é uma programação muito flexível no quesito de ser uma 
linguagem de criação de diversos conteúdos e websites dinâmicos. Não só 
para construção de sites, mas também para outras funções, como suma 
importância para programar uma vasta gama de sistemas como jogos, 
sistemas de computadores sofisticados, tablets e entre outros sistemas 
operacionais. 

Ela funciona por orientação de objetos e funcionais, a sua linguagem é 
derivada de uma que foi criada antes, como o nome semelhante, o Java. 
Entretanto a linguagem posterior, o JavaScript a superou, tornando-se 
mais robusta e com muita eficiência. 
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Para ter utilidade, toda linguagem deve ter alguma plataforma, 
biblioteca ou qualquer que seja o sistema que que tenha a função de 
entrada e saída básicas de cada código. No caso do JavaScript é definido 
por API mínima para trabalhar com textos, arrays, datas e expressões 
regulares. Essas mesmas entradas e saídas são responsáveis pelo 
“ambiente hospedeiro” que no caso desta linguagem apresentada, 
normalmente, esse ambiente é o navegador web, o que facilitará nosso 


trabalho para produzir nossos primeiros códigos. 


IV. FRAMEWORK BOOTSTRAP: 


O Bootstrap é um framework de código aberto, amplamente utilizado 
no desenvolvimento de projetos para WEB, criado originalmente para 
utilização da rede social Twitter. 


Desde o lançamento em agosto de 2001, sua popularidade e aplicação 
só cresceram e acompanhou novos projetos, mostrando sua eficiência e 
compatibilidade com as linguagens HTML e CSS, possibilitando criação de 
layouts e uso de grids. 


Sua utilização é simples e direta, sem demandar de amplos 
conhecimentos em programação do usuário, tornando prático de 
implementá-lo no projeto, por isso que essa ferramenta foi incluída para a 


fase final de nosso trabalho do portal. 


7. CRIAÇÃO DO PORTAL E SOLUÇÕES PARA IMPLEMENTAÇÃO DO 
REPOSITÓRIO 


O projeto foi feito principalmente através das tecnologias HTML, CSS e 
JavaScript. O método pelo qual foi criado foi esse: 


1. Estrutura: na linguagem de marcação HTML, foi definida a estrutura do 


site, o que inclui os rodapés, os menus e as seções 


2. Inserção de textos: com base em determinadas fontes, inserimos textos 


sobre o Liceu nos elementos do site. 
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3. Estilização: usando a linguagem CSS, o design do site foi moldado, 
inserindo assim coisas como um menu de fundo vinho, um rodapé com um 


mapa, etc. 


4. Incorporação de ferramentas: o site possui como ferramentas o VLibras, 
programa em Javascript que traduz os textos para libras desenvolvido pelo 
governo, e o Bootstrap, que facilita na estilização além de adicionar 
animações 


8. CONCLUSÃO DO PROJETO 
Acreditamos que nosso projeto será de grande utilidade para os 


estudantes e também para os navegantes que desejarem ver nossos 
trabalhos como fonte de inspiração para outros e também para 
aperfeiçoamento do que foi feito por nós, assim apoiando o projeto de 
novos acervos científicos na WEB, sempre a alimentando de saberes e de 
pesquisas relevantes para a sociedade. E assim, eu e minha equipe 
esperamos que nosso trabalho se perpetue e também seja aprimorado 
para resolução de problemas que possam surgir pela frente. 
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